var prefix = "/sys/user/";
$(function(){
    //初始化
    load();
})

var load = function(){
    $('#userTable').bootstrapTable({
        method : 'get', // 服务器数据的请求方式 get or post
        url : prefix + "/list", // 服务器数据的加载地址
        striped : true, // 设置为true会有隔行变色效果
        dataType : "json", // 服务器返回的数据类型
        pagination : true, // 设置为true会在底部显示分页条
        // queryParamsType : "limit",
        // //设置为limit则会发送符合RESTFull格式的参数
        singleSelect : false, // 设置为true将禁止多选
        iconSize : 'outline',
        // toolbar : '#exampleToolbar',
        // contentType : "application/x-www-form-urlencoded",
        // //发送到服务器的数据编码类型
        pageSize : 10, // 如果设置了分页，每页数据条数
        pageNumber : 1, // 如果设置了分布，首页页码
        // search : true, // 是否显示搜索框
        // showColumns : true, // 是否显示内容下拉框（选择显示的列）
        sidePagination : "server", // 设置在哪里进行分页，可选值为"client" 或者 "server"
        // queryParams : queryParams,
        queryParams : function(params){
            return {
                limit : params.limit,
                offset : params.offset,
                name : $('#searchName').val()
            }
        },
        // //请求服务器数据时，你可以通过重写参数的方式添加一些额外的参数，例如 toolbar 中的参数 如果
        // queryParamsType = 'limit' ,返回参数必须包含
        // limit, offset, search, sort, order 否则, 需要包含:
        // pageSize, pageNumber, searchText, sortName,
        // sortOrder.
        // 返回false将会终止请求
        columns : [//   // 数据类型，详细参数配置参见文档http://bootstrap-table.wenzhixin.net.cn/zh-cn/documentation/
            {
                checkbox : true
            },
            {
                field:'username',
                title:'用户名'
            },
            {
                field:'name',
                title:'姓名'
            },
            {
                field:'email',
                title:'邮箱'
            },
            {
                field:'mobile',
                title:'手机'
            },
            {
                field:'status',
                title:'状态',
                align:'center',
                formatter:function(val,row,index){
                    if (val == '0') {
                        return '<span class="label label-danger">禁用</span>';
                    } else if (val == '1') {
                        return '<span class="label label-primary">正常</span>';
                    }
                }
            },
            {
                field:'userId',
                title:'操作',
                align:'center',
                formatter:function(val,row,index){
                    var e = '<a  class="btn btn-primary btn-sm " href="#" mce_href="#" title="编辑" onclick="edit(\''
                        + row.userId
                        + '\')"><i class="fa fa-edit "></i></a> ';
                    var d = '<a class="btn btn-warning btn-sm " href="#" title="删除"  mce_href="#" onclick="remove(\''
                        + row.userId
                        + '\')"><i class="fa fa-remove"></i></a> ';
                    var f = '<a class="btn btn-success btn-sm " href="#" title="重置密码"  mce_href="#" onclick="resetPwd(\''
                        + row.userId
                        + '\')"><i class="fa fa-key"></i></a> ';
                    return e + d + f;
                }
            }
        ]
    })
}
function reLoad(){
    $('#userTable').bootstrapTable('refresh');
}
function edit(userId){
    layer.alert('编辑用户管理',{icon:1});
}
function remove(userId){
    layer.alert('删除用户',{icon:2});
}
function resetPwd(){

}
function add(){
    layer.open({
        type: 2,
        title: '添加用户',
        shadeClose: true,
        shade: false,
        maxmin: true, //开启最大化最小化按钮
        area: ['893px', '600px'],
        content: prefix+'add'
    });
}